<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>东易日盛免费装修预案</title>
		<script type="text/javascript" src="http://dyrszty.b0.upaiyun.com/zty/xxl/js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="http://dyrszty.b0.upaiyun.com/zty/xxl/js/years.js"></script>

		<link rel="stylesheet" type="text/css" href="http://dyrszty.b0.upaiyun.com/zty/xxl/css/duang.css" />
		<link rel="stylesheet" type="text/css" href="http://dyrszty.b0.upaiyun.com/zty/xxl/css/years.css" />
        
<div style="display:none">
<!--baidu-->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?2d2583f2c0c0afc5e4dac17cdc3366e3";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<!--end baidu-->
<!--ga-->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-72298358-1', 'auto', {'allowLinker': true});
  ga('send', 'pageview');
</script>
<!--end ga-->
</div>
<!--延迟加载-->
<script src="http://dyrszty.b0.upaiyun.com/zty/yd/js/jquery.js"></script>
<script src="http://dyrszty.b0.upaiyun.com/zty/yd/js/jquery.lazyload.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(
function($){
$("#lazyarea img").lazyload({
     placeholder:"js/grey.gif",//加载图片前的占位图片
     effect:"fadeIn"//加载图片使用的效果(淡入)
});
});
</script>
<!--end 延迟加载-->        
 <style>
 .cloud2 {
    left: 20%;
    top: 17%;
    width: 20%;
    -webkit-animation: myfirst7 5s infinite;
    -webkit-animation-direction :alternate;
}
 .demo{width:90%; z-index:9999;}
.demo1{width:90%; z-index:8888;}
/* select */
.select{position:relative;float:left;width:47.5%; }
.select dt{height:40px;display:inline-block;border:2px solid #dcdcdc;background:white url(http://img.dyrs.cc/special/282/100/104282/ico1.jpg) no-repeat 80px center;line-height:40px;font-weight:bold;padding-left:40px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:999; width:75%;border-radius:4px;}
.select1 dt{background:white url(http://img.dyrs.cc/special/282/100/104282/ico2.jpg) no-repeat 80px center;}
.select2 dt{background:white url(http://img.dyrs.cc/special/282/100/104282/ico3.jpg) no-repeat 80px center;}
.select3 dt{background:white url(http://img.dyrs.cc/special/282/100/104282/ico4.jpg) no-repeat 80px center;}
.select dt:hover,.select dt.cur{border:2px solid #dcdcdc; }
.select dd{position:absolute;left:0;top:40px;border:1px solid #dcdcdc;background:#fff;display:none; width:100%;margin: 0;}
.select dd ul{padding:4px;width:100%;max-height:250px;overflow:auto;}
.select dd ul li a{line-height:28px;display:block;padding:0 40px;}
.select dd ul li a:hover{background:#f5f5f5;}
.baoming input{width:100%; border-radius:4px; height:40px; outline:none; padding-left:10px;}	
.tijiao {
    top: 76.2%;
    width: 70%;
    left: 5%;
    text-align: center;
}
.tijiao div input{ width:96%; font-size:14px;border:2px solid #dcdcdc; }
.tijiao div { background:none;
   
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 3%;
    text-align: left;}
 </style>  
 <style>
/*头部菜单*//*跳动按钮*/
.heartbeat{-webkit-animation:heartbeat 1.2s infinite;animation:heartbeat 1.2s infinite;}
@-webkit-keyframes mapJump{0%{-webkit-transform:translateY(0);}20%{-webkit-transform:translateY(0);}40%{-webkit-transform:translateY(-15px);}50%{-webkit-transform:translateY(0);}60%{-webkit-transform:translateY(-7px);}80%{-webkit-transform:translateY(0);}100%{-webkit-transform:translateY(0);}}
@keyframes mapJump{0%{transform:translateY(0);}20%{transform:translateY(0);}40%{transform:translateY(-15px);}50%{transform:translateY(0);}60%{transform:translateY(-7px);}80%{transform:translateY(0);}100%{transform:translateY(0);}}
@-webkit-keyframes tada2{0%,100%{-webkit-transform:scale(1) rotate(0deg);}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}}
@keyframes tada2{0%,100%{transform:scale(1) rotate(0deg);}10%,20%{transform:scale(.9) rotate(-3deg);}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}40%,60%,80%{transform:scale(1.1) rotate(-3deg);}}
@-webkit-keyframes heartbeat{0%,30%,50%,60%,80%{-webkit-transform:scale(1);}40%,70%{-webkit-transform:scale(1.1);}}
@keyframes heartbeat{0%,30%,50%,60%,80%{transform:scale(1);}40%,70%{transform:scale(1.1);}}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
@keyframes rotating {from {transform:rotate(0deg)}to{transform:rotate(360deg)}}
@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:.6}}
@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:.6}}
.yanhua_1{
	left: 0%;
	top: 35%;
	width: 30%;
    -webkit-animation: yanhua_1 1s infinite;
    -webkit-animation-direction :alternate;
}
.yanhua_2{
	top: 50%;
	left: 0%;
	width: 15%;
    -webkit-animation: yanhua_1 1s infinite;
    -webkit-animation-direction :alternate;
    -webkit-animation-delay:1s;
}
.yanhua_3{
	top: 45%;
	right: 0%;
	width: 15%;
    -webkit-animation: yanhua_1 1s infinite;
    -webkit-animation-direction :alternate;
    -webkit-animation-delay:3s;
}
.yanhua_4{
	right: 0%;
	top: 57%;
	width: 30%;
    -webkit-animation: yanhua_1 1s infinite;
    -webkit-animation-direction :alternate;
    -webkit-animation-delay:4s;
}
@-webkit-keyframes yanhua_1{
	from{
		opacity: 0;
	}to{
		opacity: 1;
	}
}
.deng1{
	top: 5%;
	width: 10%;
	left: 10%;
    -webkit-animation: deng1 3s infinite;
    -webkit-animation-direction :alternate;
}
.deng1_duang{
    -webkit-animation: deng1_duang 3s infinite;
    -webkit-animation-direction :alternate;
	
}
@-webkit-keyframes deng1_duang{
	from{
		left: 10%;
		opacity: 0;
		-webkit-transform: rotate(-10deg);
	}to{
		left: 4%;
		opacity: 1;
		-webkit-transform: rotate(10deg);
	}
}
@-webkit-keyframes deng1{
	from{
		left: 10%;
		-webkit-transform: rotate(-10deg);
	}to{
		left: 4%;
		-webkit-transform: rotate(10deg);
	}
}
.deng2{
	top: 5%;
	right: 10%;
	width: 10%;
    -webkit-animation: deng2 3s infinite;
    -webkit-animation-direction :alternate;
}
.deng2_duang{
    -webkit-animation: deng2_duang 3s infinite;
    -webkit-animation-direction :alternate;
	
}
@-webkit-keyframes deng2_duang{
	from{
		right: 10%;
		opacity: 0;
		-webkit-transform: rotate(10deg);
	}to{
		right: 4%;
		opacity: 1;
		-webkit-transform: rotate(-10deg);
	}
}
@-webkit-keyframes deng2{
	from{
		right: 10%;
		-webkit-transform: rotate(10deg);
	}to{
		right: 4%;
		-webkit-transform: rotate(-10deg);
	}
}
</style>     
	</head>

	<body>
		<div class="relative_duang">
			<img class="background_years" src="images/bg.jpg" />
			<img class="deng1 absolute_duang" src="images/deng.png" />
			<img class="deng1 deng1_duang absolute_duang" style="opacity: 0;" src="images/deng_2.png" />
			<img class="deng2 absolute_duang" src="images/deng.png" />
			<img class="deng2 deng2_duang absolute_duang" style="opacity: 0;" src="images/deng_2.png" />
			<img class="cloud1 absolute_duang" src="images/golden_img_left.png" />
			<img class="cloud2 absolute_duang" src="images/golden_img_left.png" />
		<img class="absolute_duang yanhua_1" src="images/yanhua_1.png"/>
		<img class="absolute_duang yanhua_2" src="images/yanhua_1.png"/>
		<img class="absolute_duang yanhua_3" src="images/yanhua_1.png"/>
		<img class="absolute_duang yanhua_4" src="images/yanhua_1.png"/>
			<section>
        	
       
            <div class="demo" style="position:absolute; top:68%; left:5%;">
    
                <dl class="select">
                    <dt>1</dt>
                    <dd>
                        <ul>
                            <li><a>1</a></li>
                            <li><a>2</a></li>
                            <li><a>3</a></li>
                            <li><a>4</a></li>
                            <li><a>5</a></li>
                        </ul>
                    </dd>
                </dl>
                
                <dl class="select select1" style="left:3%;">
                    <dt>1</dt>
                    <dd>
                        <ul>
                            <li><a>1</a></li>
                            <li><a>2</a></li>
                            <li><a>3</a></li>
                            <li><a>4</a></li>
                            <li><a>5</a></li>
                          
                        </ul>
                    </dd>
                </dl>
        
    </div>
    		 <div class="demo1" style="position:absolute; top:71.5%; left:5%;">
    
                <dl class="select select2">
                    <dt>1</dt>
                    <dd>
                        <ul>
                            <li><a>1</a></li>
                            <li><a>2</a></li>
                            <li><a>3</a></li>
                            <li><a>4</a></li>
                            <li><a>5</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl class="select select3" style="left:3%;">
                    <dt>1</dt>
                    <dd>
                        <ul>
                            <li><a>1</a></li>
                            <li><a>2</a></li>
                            <li><a>3</a></li>
                            <li><a>4</a></li>
                            <li><a>5</a></li>
                        </ul>
                    </dd>
                </dl>
    </div>
    </section>
     <div  class="tijiao absolute_duang baoming" style="width:89%;">
    		<div class="item"><input name="rbname" type="text" id="zrbname" class="ztxt" placeholder="请输入您的小区名称"  /></div>

			<div class="item"><input name="rsize" type="text" id="zrsize" class="ztxt" placeholder="请输入您的房屋面积" /></div>
			<div class="item"><input name="rname" type="text" id="zrname" class="ztxt" placeholder="请输入姓名"  /></div>

			<div class="item"><input name="rtel" type="text" id="zrtel" class="ztxt" placeholder="输入电话号码" /></div>

			<span style="color:red; font-size:10px;">东易日盛郑重承诺：</span><span style="font-size:10px;">我们会严格保证您的信息安全</span>

			<!--<div class="item"  ><input onClick="zckform();ga('send','event','20171128/104289','A新房装修预算/点击提交','在线报名');" style="width:103%; height:44px; background-color:#dc0000; color:white; border:none; outline:none;border-radius:4px; margin-top:20px; font-size:18px;-webkit-appearance:none;"/></div>-->
            <div class="heartbeat" style="margin-top: 3%;"><img src="images/btn.png" width="100%"></div>
		</div>

		<script type="text/javascript">
		function zckform(){
			if (!$('#zrtel').val() | !$('#zrtel').val().match(/^[0-9,-]{7,13}$/)) 
			{alert('请填写您的手机号!');document.getElementById('zrtel').focus();return false;}
			else
			{
				var $form=$('.baoming'),$name=$('.baoming [name=rname]'),$phone=$('.baoming [name=rtel]'),$acreage=$('.baoming [name=rsize]'),$loupan=$('.baoming [name=rbname]');
				
				
				$.ajax({
		         url:'/api/user/appoint.php',
		            dataType:'POST',
		            data:{
		                name:$name.val(),
		                phone:$phone.val(),
		                acreage:$acreage.val(),
		                loupan:$loupan.val()


		            },
		            success:function(d){
		                alert(d.msg);
		                if(d.code==1){
		                    $form[0].reset();
		                }
		            },
		            error:function(d){str = JSON.parse(d.responseText);alert(str.msg);$form[0].reset();}
		        })
			
			
			}	
		}
		</script>
  
		
   
       
</div>
			
				
            
                
		</div>
        
     <!-- custom js 底部悬浮-->
    <script src="http://dyrszty.b0.upaiyun.com/zty/yd/js/custom.js"></script>
    <script type="text/javascript">
 $(document).ready(function() {   
    function clickTag(){
          $("#LR_User_Icon2 a").click(function(){
                            ga('send','event',"20180207/104900","B预案大礼包/领","在线咨询");           
                            })
         
		   
                }
    setTimeout(clickTag,1000);
  });
 </script>

<!-- 滚屏事件GA监测代码部署源码 -->
<script>
         $(document).ready(function(){
        var flag0=true; 
        var flag1=true;
        var flag2=true;
        var flag3=true;
        $(window).scroll(function() { 
        var ASH=$(window).height()+$(document).scrollTop();
        var SH=$(document).height();
        var RS=ASH/SH;
        if(flag0){flag0=false;}
        else if (RS>=0.3&&RS<0.6&&flag1)
         {ga('send','event',"20180207/104900","页面滑动","30%",1,{nonInteraction: true}); flag1=false}
        else if (RS>=0.6&&RS<=0.9&&flag2) 
          {ga('send','event',"20180207/104900","页面滑动","60%",1,{nonInteraction: true});flag2=false}
        else if (RS>=0.9&&flag3) 
          {ga('send','event',"20180207/104900","页面滑动","100%",1,{nonInteraction: true});flag3=false}
        });
        });
        </script>    
        
        
	</body>

</html>
<script type="text/javascript" src="http://lead.soperson.com/20000017/10059480.js"></script>

<script language="javascript" src="http://pft.zoosnet.net/JS/LSJS.aspx?siteid=PFT75532031&lng=cn&float=0"></script>
<script language="javascript">
<!--
if(typeof(LiveReceptionCode_isonline)!='undefined')
{
	if(LiveReceptionCode_isonline)
	{　
		LR_GetObj('LR_User_Icon2').innerHTML='<a '+LiveReceptionCode_BuildChatWin('第二屏,装修大礼包/领','天津东易日盛')+'><img class="button absolute_duang" src="http://img.dyrs.cc/special/900/100/104900/button.png"/></a>';
		
	}
	else
	{
		LR_GetObj('LR_User_Icon2').innerHTML='<a '+LiveReceptionCode_BuildChatWin('第二屏,装修大礼包/领','天津东易日盛')+'><img class="button absolute_duang" src="http://img.dyrs.cc/special/900/100/104900/button.png"/></a>';
	
	}
}
//-->　
</script>
<script>
	
$(function(){
	$(".select").each(function(){
		var s=$(this);
		var z=parseInt(s.css("z-index"));
		var dt=$(this).children("dt");
		var dd=$(this).children("dd");
		var _show=function(){dd.slideDown(200);dt.addClass("cur");s.css("z-index",z+1);};   //展开效果
		var _hide=function(){dd.slideUp(200);dt.removeClass("cur");s.css("z-index",z);};    //关闭效果
		dt.click(function(){dd.is(":hidden")?_show():_hide();});
		dd.find("a").click(function(){dt.html($(this).html());_hide();});     //选择效果（如需要传值，可自定义参数，在此处返回对应的“value”值 ）
		$("body").click(function(i){ !$(i.target).parents(".select").first().is(s) ? _hide():"";});
	})
})
</script>
